  // 顶部css
  .header {
      width: 100%;
      height: 80px;
      border-bottom: 1px solid lightgray;


      .home {
          margin-left: 15%;

          &:hover {
              cursor: pointer;

              .iconfont {
                  color: #0084FF;
              }
          }
      }

      #person-msg {
          float: right;
          margin-right: 16%;
          margin-top: -80px;

          &:hover {
              .iconfont {
                  color: #0084FF;
              }
          }
      }

      .iconfont {
          line-height: 80px;
          font-size: 30px;
          color: rgb(128, 128, 128);
      }

      .dialog {
          position: absolute;
          z-index: 4;
          top: 52px;
          right: 13%;
          width: 100px;
          height: 10%;
          color: white;
          text-align: center;
          font-size: 14px;
          font-weight: lighter;
          background-color: rgba(109, 109, 109, 0.418);
          border-radius: 6px;
          box-shadow: 1px 1px 5px rgba(0, 0, 0, .12);

          div {
              width: 100px;
              height: 30px;
              cursor: pointer;
              line-height: 30px;
              border-radius: 6px;

              &:first-child {
                  margin-top: 0.5px;
              }

              &:hover {
                  background-color: white;
                  color: #0084FF;

              }
          }

      }
  }